<template>
  <div>
    <h1>App</h1>

    <!-- 
      给组件绑定事件都认为是自定义事件,自定义事件是绑定给组件实例的
      如果想要给组件绑定原生事件,则需要使用.native修饰符,原生事件是绑定给组件的最外层元素
     -->
    <Header @abc="test" />
  </div>
</template>

<script>
import Header from "@/components/Header";
export default {
  name: "App",
  components: {
    Header,
  },
  methods: {
    test(value1, value2) {
      console.log(1, value1, value2);
    },
  },
};
</script>

<style></style>
